import Vue from 'vue'
import App from './App'
import axios from 'axios'

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  render: h => h(App)
})

// 1. axios 的基本使用
// axios({
//   url:'http://123.207.32.32:8000/home/multidata',
//   // method 请求方式
//   method:'get'
// }).then(res => {
//   console.log(res);
// })

// axios({
//   url:'http://123.207.32.32:8000/home/data',
//   // 专门针对get请求的参数拼接
//   params:{
//     type:'pop',
//     page:1
//   }
// }).then(res => {
//   console.log(res);
// })

// axios 全局设置 defaults 如果有多个不同的服务器端口接口 不方便管理
// baseURL 常规设置
// axios.defaults.baseURL = 'http://123.207.32.32:8000'
// timeout  设置超时时间
// axios.defaults.timeout = 5000

// 2. axios 发送并发请求（同时发送多个请求）
// 使用axios.all方法 里面跟的是数组
// axios.all([
//   axios({
//     url:'/home/multidata'
//   }),
//   axios({
//     url:'/home/data',
//     params:{
//     type:'sell',
//     page:4
//   }
//   })
// ]).then(results => {
//   console.log(results);
// })

// axios.create 创建axios实例 可用于管理多个不同的服务端接口
// const instance1 = axios.create({
//   baseURL:'http://123.207.32.32:8000',
//   timeout:5000
// })
// 通过实例对象的方法使用 这样每个实例都有一个独立的配置
// instance1({
//   url:'/home/multidata',
// }).then(res => {
//   console.log(res);
// })

// 封装request模块
import {request} from './network/request'

// request({
//   // 传递过去第一个值
//   url:'/home/multidata'
// },res => {
//   // 传递过去的第二个值 res是回调传递过来的参数
//   console.log(res);
// },err => {
//   // 传递过去的第三个值 err是回调传递过来的参数
//   console.log(err);
// })

request({
  url:'/home/multidata'
}).then(res => {
  console.log(res);
}).catch(err => {
  console.log(err);
})